<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>盒子背景样式</title>
  <style>
    body {
      background: url(./图片/1.png) no-repeat;
      /* 5、不随着滚动条的滚动而滚动——固定背景 */
      background-attachment: fixed;

    }

    div {
      color: aqua;
      font-size: 28px;
      /* width: 500px; */
      /* height: 300px; */
      /* 1、背景颜色 */
      /* background-color: blue; */
      /* 2、设置背景图片 */
      /* background-image: url(./图片/1.png); */
      /* 3、设置背景图片平铺 repeat:平铺 no-repeat:不平铺 repeat-x：在x平铺 */
      /* background-repeat: no-repeat; */
      /* 4、设置背景图片位置 position */
      /* background-position: 30px 10px; */
      /* background: red url(./图片/1.png) no-repeat 10px 10px; */
    }
  </style>
</head>

<body>
  <!-- <div>我是一个div</div> -->
  <div>第1个div</div>
  <div>第2个div</div>
  <div>第3个div</div>
  <div>第4个div</div>
  <div>第5个div</div>
  <div>第6个div</div>
  <div>第7个div</div>
  <div>第8个div</div>
  <div>第9个div</div>
  <div>第10个div</div>
  <div>第11个div</div>
  <div>第12个div</div>
  <div>第13个div</div>
  <div>第14个div</div>
  <div>第15个div</div>
  <div>第16个div</div>
  <div>第17个div</div>
  <div>第18个div</div>
  <div>第19个div</div>
  <div>第20个div</div>

</body>

</html>